<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>直播房间</title>
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
<link th:href="@{/font-awesome/css/font-awesome.css}" rel="stylesheet" />
<link th:href="@{/css/animate.css}" rel="stylesheet" />
<link th:href="@{/css/style.css}" rel="stylesheet" />
<script th:src="@{/js/jwplayer.js}"></script>
</head>
<body>
	<div id="wrapper">
		<nav class="navbar-default
		 navbar-static-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav metismenu" id="side-menu">
					<li class="nav-header">
						<div class="dropdown profile-element">
							<span><img alt="image" class="img-circle"
								th:src="@{/img/a9.jpg}" /></span> <a data-toggle="dropdown"
								class="dropdown-toggle" href="#"> <span class="clear">
									<span class="blockm-t-xs"> <strong class="font-bold">DavidWilliams</strong>
								</span> <span class="text-muted text-xs block">程序员鼓励师<b
										class="caret"> </b>
								</span>
							</span></a>
							<ul class="dropdown-menu animated fadeInRight m-t-xs">
								<li><a href="login.html">退出</a></li>
							</ul>
						</div>
						<div class="logo-element">AU+</div>
					</li>
					<li><a href="./liveList"> <i class="fa fa-diamond"> </i> <span
							class="nav-label">直播列表</span></a></li>
				</ul>
			</div>
		</nav>
		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<nav class="navbar navbar-static-top" role="navigation"
					style="margin-bottom: 0">
					<div class="navbar-header">
						<a class="navbar-minimalize minimalize-styl-2 btn btn-primary "
							href="#"> <i class="fa fa-bars"> </i>
						</a>
						<form role="search" class="navbar-form-custom"
							action="search_results.html">
							<div class="form-group">
								<input type="text" placeholder="你要找什么，请戳我..."
									class="form-control" name="top-search" id="top-search" />
							</div>
						</form>
					</div>
					<ul class="nav navbar-top-links navbar-right">
						<li><span class="m-r-smtext-muted welcome-message">欢迎来到AU+</span></li>
						<li><a href="login.html"> <i class="fafa-sign-out"> </i>退出
						</a></li>
					</ul>
				</nav>
			</div>
			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div id="player">
						<script th:inline="javascript">
						jwplayer("player").setup({
							flashplayer : "/res/player.swf",
							//image : "",
							width : "100%",
							height : "600",
							/* file : "stream1490066691360",  */
							file : [[${keyName}]], 
							streamer : "rtmp://localhost:1935/oflaDemo",
							//modes : [{"type":"html5"}]
						});
						</script>
						
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="pull-right">
				10GB of <strong>250GB</strong>Free.
			</div>
			<div>
				<strong>Copyright</strong>Example Company &copy;2017-2055
			</div>
		</div>
	</div>
	<!--Mainly scripts -->
	<script th:src="@{/js/jquery-2.1.1.js}">
			</script>
	<script th:src="@{/js/bootstrap.min.js}">
				</script>
	<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}">
					</script>
	<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}">
						</script>
	<!--Custom and pluginjavascript-->
	<script th:src="@{/js/inspinia.js}">
							</script>
	<script th:src="@{/js/plugins/pace/pace.min.js}">
								</script>
</body>
</html>